import Vue from 'vue'
import VueRouter from 'vue-router'


// 导入自己的组件
import home from '../views/home'
import login from '../views/login'
import detail from '../views/detail'
import play from '../views/play'

Vue.use(VueRouter)

const routes = [
  // 其实路由规则这里还有一个属性叫name
  // name就是给路由起一个别名
  // 起了别名后就可以用params进行传参了
  { name:'home', path: '/home', component: home },
  { name: 'login', path: '/login', component: login },
  { name: 'detail', path: '/detail', component: detail },

  // 有一个play路由
  // :id不是路径上写:id，而是代表这里要传递一个id作为参数
  // 例如 /play/110  意思就是传递了110作为id参数
  { name: 'play', path: '/play/:id', component: play },
]

const router = new VueRouter({
  routes
})

export default router
